<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
   <script src="http://g.tbcdn.cn/mtb/lib-flexible/0.3.4/??flexible_css.js,flexible.js"></script>
   
<style>
	
		*{
				padding: 0px;
				margin: 0px;
			
			}
            a{
                text-decoration: none;
            }
			.all{
				position: relative;
			}
		 .pic{
			width: 9.994669rem;;
			 height:3.464818rem;
			 position: relative;
		 }	
		 .nav{
		    position: relative;
		     top: -1.865671rem;
			 width: 9.994669rem;
			 height: 1.972281rem;
		 }
		 .input1{
			 width: 9.994669rem;
			 height: 1.492537rem;
			 position: absolute;
			 top:0px;
		 }
		 .input{
			 width: 9.35501rem;
			 height: 0.852878rem;
			 line-height: 0.852878rem;
			 text-align: center;
			 border-radius: 0.266524rem 0.266524rem  0.266524rem  0.266524rem ;
			 background: rgb(101,205,255);
			 font-size: 0.373134rem;
			 color: white;
			 position: relative;
			 top: 0.319829rem;
			 margin: 0 auto;
		 }
		 .pic1{
			 width: 0.479744rem;
			 height: 0.490405rem;
			 position: relative;
			 left: -0.079957rem;
			 top: 0.079957rem;
		 }
		 .item{
			 width: 0.906183rem;
			 height: 1.685756rem;
			 float: left;
			 padding-left: 0.426439rem;
		     position: relative;
			 left: 0.213219rem;
		 }
         .item img{
			 width: 0.639658rem;
			 height: 0.639658rem;
			 position: relative;
             left: -0.133262rem;
		 }
		 .item span{
			 font-size: 0.373134rem;
			 color: white;
			 position: relative;
			 top: 0.186567rem;
             left: -0.159914rem;
		 }
		.font1{
			padding-left: 0.079957rem;
		 }
		
		 .clearfix:after{
			 display: table;
			 content:"";
			 clear: both;
		 }
		
		 .banner{
			 width: 9.994669rem;
			 height: 3.837953rem;
			 position: relative;
			 top: -2.052238rem;
		 }
		 .banner img{
			 width: 9.994669rem;
			 height: 3.837953rem;
		 }
		.box5 img{
			width: 0.692963rem;
			height: 0.533049rem;
			position: relative;
			top: 0.159914rem;
		}
		.box1{
			position: relative;
			top: -2.052238rem;
			width: 9.994669rem;
			height: 2.452025rem;
			border-bottom: 0.026652rem solid gray;
		}
		.box1:nth-of-type(10){
			border-bottom: none;
		}
		.box2{
			float: left;
			width: 2.665245rem;
			height: 2.452025rem;
			font-size: 0.346481rem;
			color: rgb(129, 127, 127);
			text-align: center;
			padding-top: 0.533049rem;
			box-sizing: border-box;
		}
		.box2 img{
			width: 0.639658rem;
			width: 0.639658rem;
		}
		.box3{
			float: left;
			width: 7.196162rem;
			height: 2.452025rem;
	
			font-size: 0.373134rem;
			line-height: 0.533049rem;
			padding-top:0.559701rem;
			padding-left: 0.319829rem;
			box-sizing: border-box;
		}
	    .hengxian{
			padding-left: 0.293176rem;
			position: relative;
			top: -0.053304rem;
			font-size: 0.346481rem;
			color: #eee;
		}
		.font2{
			padding-left: 0.293176rem;
		}
		.box6{
			position: relative;
			top: 0.159914rem;
		}
		body{
			position: relative;
		}
		.footer{
			width: 9.994669rem;
			height: 1.385927rem;
			background: rgb(255,255,255);
			position: absolute;
			bottom: 0rem;
			position: fixed;
			z-index: 2;
			box-shadow: 0px 0.133262rem 0.266524rem rgb(211, 205, 205);
		}
           .footer img{
			   width: 1.332622rem;
			   height: 1.332622rem;
		   }
		   .footer div{
			   float: left;
			   box-sizing: border-box;
			   position: relative;
			   left: 0.333155rem;
		   }
		   .box7{
			padding-left: 1.332622rem;
			   box-sizing: border-box;
		   }
           .item:nth-of-type(1){
           border-bottom: 0.039978rem solid white;
           }
		  a:hover{
			  text-decoration: none;
		  }
		</style>
	<body>
		
		<div class="all">
			<div class="top_nav ">
				<img class="pic" src="./img-jq/beijing.png" alt="">
				<div class="input1">
					<a href="search.html" target="_top"><div class="input"><img class="pic1" src="./img-jq/fangdajing.png" alt="">搜索老师、机构、课程</div></a>
				</div>
			
             <div class="nav clearfix">
				 <div class="item"><a href="category_jq.html" target="_parent"><img src="./img-jq/www.png" alt=""> &nbsp;<span class="font1" >IT </span></a></div>
				 <div class="item"><a href="category_jq1.html" target="_parent"><img src="./img-jq/1.png" alt=""> <span>设计</span></a></div>
				 <div class="item"><a href="category_jq2.html" target="_parent"><img src="./img-jq/2.png" alt=""> <span>电商<span></a></div>
				 <div class="item"><a href="category_jq3.html" target="_parent"><img src="./img-jq/3.png" alt=""> <span>职业</span></a></div>
				 <div class="item"><a href="category_jq4.html" target="_parent"><img src="./img-jq/4.png" alt=""> <span>升学</span></a></div>
				 <div class="item"><a href="category_jq5.html" target="_parent"><img src="./img-jq/5.png" alt=""> <span>兴趣</span></a></div>
				 <div class="item"><a href="category_jq6.html" target="_parent"><img src="./img-jq/6.png" alt=""> <span>语言</span></a></div>
			 </div>
			 
			 <!-- top_nav de div -->
			</div>
			<div class="banner"><img src="./img-jq/nav.png" alt=""></div>
			
			<!-- content -->
			<div class="content clearfix">
				<div class="box1">
					<div class="box2">
						<img src="./img-jq/hulianw.png" alt="">
						<p>互联网产品</p>
					</div>
					<div class="box3">
						<div class="box4"><span>产品计划</span><span class="hengxian">|</span><span class="font2">产品运营</span>
							<span class="hengxian">|</span><span class="font2">游戏策划</span></div>
							<div class="box5"><span>游戏运营</span><span class="hengxian">|</span><span class="font2">新媒体营销</span>
								<span class="hengxian">|</span><span class="font2">更多<img src="./img-jq/jiantou.png" alt=""></span></div>
					</div>
				</div>
				  <!-- 1 -->

				  <div class="box1">
					<div class="box2">
						<img src="./img-jq/7.png" alt="">
						<p>编程语言</p>
					</div>
					<div class="box3">
						<div class="box4"><span>Java进阶</span><span class="hengxian">|</span><span class="font2">Java零基础</span>
		                     </div>
							<div class="box5"><span>Python</span><span class="hengxian">|</span><span class="font2">PHP</span>
								<span class="hengxian">|</span><span class="font2">更多<img src="./img-jq/jiantou.png" alt=""></span></div>
					</div>
				</div>
                  <!-- 2 -->
				  
				  <div class="box1">
					<div class="box2">
						<img src="./img-jq/9.png" alt="">
						<p>前端开发</p>
					</div>
					<div class="box3">
						<div class="box4"><span>0基础就业课</span><span class="hengxian">|</span><span class="font2">实战进阶课</span>
							</div>
							<div class="box5 box6"><span>技术专题课</span><span class="hengxian">|</span><span class="font2">其他</span>
								</div>
					</div>
				</div>
				  <!-- 3 -->
				  
				  <div class="box1">
					<div class="box2">
						<img src="./img-jq/10.png" alt="">
						<p>移动开发</p>
					</div>
					<div class="box3">
						<div class="box4"><span>Android开发</span><span class="hengxian">|</span><span class="font2">IOS开发</span></div>
							<div class="box5"><span>微信开发</span>
								<span class="hengxian">|</span><span class="font2">更多<img src="./img-jq/jiantou.png" alt=""></span></div>
					</div>
				</div>
				  <!-- 4 -->
				  
				  <div class="box1">
					<div class="box2">
						<img src="./img-jq/11.png" alt="">
						<p>网络与运维</p>
					</div>
					<div class="box3">
						<div class="box4 "><span>Linux运维</span><span class="hengxian">|</span><span class="font2">Python自动化运维</span></div>
							<div class="box5 box6"><span>DevOps</span><span class="hengxian">|</span><span class="font2">信息安全</span>
								<span class="hengxian">|</span><span class="font2">其他</span></div>
					</div>
				</div>
				  <!-- 5 -->
				  <div class="box1">
					<div class="box2">
						<img src="./img-jq/12.png" alt="">
						<p>游戏开发</p>
					</div>
					<div class="box3">
						<div class="box4"><span>Unity3d游戏开发</span></div>
						
							<div class="box5"><span>Cocos2d-x游戏开发</span>
								<span class="hengxian">|</span><span class="font2">更多<img src="./img-jq/jiantou.png" alt=""></span></div>
					</div>
				</div>
				  <!-- 6 -->
				  <div class="box1">
					<div class="box2">
						<img src="./img-jq/13.png" alt="">
						<p>软件测试</p>
					</div>
					<div class="box3">
						<div class="box4"><span>零基础入门</span><span class="hengxian">|</span><span class="font2">自动化测试</span></div>
							<div class="box5"><span>测试开发</span><span class="hengxian">|</span><span class="font2">性能测试</span>
								<span class="hengxian">|</span><span class="font2">更多<img src="./img-jq/jiantou.png" alt=""></span></div>
					</div>
				</div>
				  <!-- 7 -->
				  <div class="box1">
					<div class="box2">
						<img src="./img-jq/14.png" alt="">
						<p>云计算大数据</p>
					</div>
					<div class="box3">
						<div class="box4"><span>云计算</span><span class="hengxian">|</span><span class="font2">大数据</span>
							<span class="hengxian">|</span><span class="font2">人工智能</span></div>
							<div class="box5 box6"><span>物联网</span><span class="hengxian">|</span><span class="font2">区块链</span>
								<span class="hengxian">|</span><span class="font2">其他</span></div>
					</div>
				</div>
				  <!-- 8 -->
				  <div class="box1">
					<div class="box2">
						<img src="./img-jq/15.png" alt="">
						<p>硬件研发</p>
					</div>
					<div class="box3">
						<div class="box4"><span>嵌入式开发</span><span class="hengxian">|</span><span class="font2">IC设计</span></div>
							
							<div class="box5 box6">
							<span class="font2">其他</span></div>
					</div>
				</div>
				  <!-- 9 -->
				  <div class="box1">
					<div class="box2">
						<img src="./img-jq/16.png" alt="">
						<p>认证考试</p>
					</div>
					<div class="box3">
						<div class="box4"><span>思科认证</span><span class="hengxian">|</span><span class="font2">华为认证</span>
							<span class="hengxian">|</span><span class="font2">红帽认证</span></div>
							<div class="box5 box6"><span>软考</span><span class="hengxian">|</span><span class="font2">腾讯云认证</span>
								<span class="hengxian">|</span><span class="font2">其他</span></div>
					</div>
				</div>
				  <!-- 10 -->
				<!-- content de div -->
			</div>
			
		 <div class="footer clearfix">
				<div><img src="./img-jq/footer2.png" alt=""></div><div class="box7"><img src="./img-jq/footer1.gif" alt=""></div>
				<div class="box7"><img src="./img-jq/footer1.png" alt=""></div><div class="box7"><img src="./img-jq/footer4.png" alt=""></div>
			</div>
			<!-- all de div -->
		</div>
</body>
</html>